 <script th:inline="javascript">
/*<![CDATA[*/

    function del(event,element){
    	event.preventDefault();
      	bootbox.confirm("您确定删除吗?", function(result) {
    	if(result){
    		var _id = $(element).attr("href").split("_")[0];
    		var _page=$(element).attr("href").split("_")[1];
    		var _viewState = $(element).attr("href").split('_')[2];
    		BOSS.remoteCall('promotion/topic/delete',$('#div_topic_grid'),{id:_id,page:_page,viewState:_viewState});
    		}
    	}); 
    }
	
/*]]>*/
</script>
<table layout:fragment="topic_table" class="table table-striped table-bordered  table-advance table-hover" id="topic_grid">
	<thead>
		<tr>
            <th>编号</th>
			<th>专题名称</th>
			<th>开始时间</th>
			<th>结束时间</th>
			<th>操作</th>
			 
		</tr>
	</thead>	
	<tbody>
		<tr class="odd gradeX" th:each="data : ${topicPage}">
            <td th:text="${data.id}">
			</td>
			<td th:utext="|${data.name} ${data.status}|">
			</td>
			<td th:text="${#calendars.format(data.startDate,'yyyy-MM-dd HH:mm:ss')}">
			</td>
			<td th:text="${#calendars.format(data.endDate,'yyyy-MM-dd HH:mm:ss')}">
			</td>
			<td>
				 <a href="" th:href="@{'/promotion/topic/edit/'+${data.id}}"         id="edit_link_${data.id}}" name="edit_link_${data.id}}" class="btn default btn-xs purple" ><i class="fa fa-edit"></i>编辑</a>|
				 <a href="#" th:href="${data.id}+'_'+${topicPage.number}+'_'+${viewState}" class="btn default btn-xs purple" id="del_link_${data.id}}" name="del_link_${data.id}}"  onclick="del(event,this);"><i class="fa fa-minus"></i>移除</a>
			</td>		 
		</tr>
        <tr >
			<td colspan="12" align="center" th:if="${topicPage.getNumberOfElements() == 0}" >未查到任何记录，请放大查询条件试试</td>
		</tr>
 	</tbody>
</table>
<div th:include="page_footer" th:with="viewState=${viewState},url=${'/promotion/topic/index'},pageContext=${topicPage}"></div>
